{% load i18n %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <meta name="HandheldFriendly" content="true">
    <link rel="shortcut icon" href="/favicon.ico">
    <!--添加开始  -->
    <meta name="renderer" content="webkit">
    <link rel="apple-touch-icon" href="/resources/img/binance_icon.png">
    <!--添加结束-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="/static/app/css/sm.css" rel="stylesheet" type="text/css">
    <link href="/static/app/css/common.css" rel="stylesheet" type="text/css">
    <link href="/static/app/css/index.css" rel="stylesheet" type="text/css">
    <script src="/static/app/js/jquery-2.2.3.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    <script src="/static/app/js/layer/layer.js"></script>
    <script src="/static/app/js/clipboard.min.js"></script>
    <!-- 将canvas图片保存成图片 -->
    <script src="/static/app/js/canvas2image.js"></script>
    <script src="/static/app/js/base64.js"></script>
    <script>var page = 'assets';</script>
    <!-- add for app -->
    <script src="/static/app/js/common/common_func.js"></script>
    <script src="/static/app/js/component.js"></script> {% include 'show/common_define.html' %}
    <script type="text/javascript" src="{%url 'javascript-catalog' 'btc.js'%}"></script>
    <script src="/static/lib/csrf.js"></script>
    <title>{% trans 'nbex' %}</title>
    <!-- add for app end -->
</head>

<body>
    <div id="market-app">
        <div class="content page-order" style="padding-bottom:2.5rem;overflow-x: hidden;">
            <div class="orderQueue">
                <div class="top_header">
                    <img src="/static//app//images/arrow_left.png" onclick="history.go(-1)" style="margin-left: 0.5rem; float: left; width: 16px; height: 26px" alt="">
                    <h3 style="text-align: center">历史记录</h3>
                </div>
                <div class="orderTitle">
                    <span class="button f-fr" :class="{no_active:is_not_select_all}" @click=select_all()>显示所有币种</span>
                </div>
                <div v-if="history_list.length==0" class="noData">
                    <img src="/static/app/images/noData.png" />
                    <p>暂无历史记录</p>
                </div>
                <div style="margin-top: 1rem" v-else class="order" v-for="item in history_list">
                    <div>
                        <span class="symbol">{!item.up_coin_type!}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <span :class="{is_send: item.is_send, is_withdrawal: item.is_withdrawal, is_deposit: item.is_deposit }">{!item.type!}</span>
                        </span>
                        <div v-if="item.show_detail" class="f-fr" style="margin-right: 0.8rem">
                            <span class="button f-fr" @click="show_detail(item.type, item.uuid)">详情</span>
                        </div>
                        <div class="time gray">时间 : {!item.create_time!}</div>
                        <div class="amount gray">数量 : {!item.amount!}</div>
                        <div class="status gray">状态 : {!item.status!}</div>

                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
</html>
<script src="/static/app/js/history.js"></script>

<script id="show_dep_detail" type="text/html">
    <div class="limitPrompt">
        <div class="limitdiv" style="padding-top: 0.3rem">
            <i class="font font-close close-popup" onclick="layer.closeAll()"></i>
            <div class="limitBox-desc">
                <p>• 申请时间：<br/><span style="font-size: 10px" id="dep_his_tim">2018-04-02 16:19:07</span></p>
                <p style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">• 充值地址：<br/><span style="font-size: 10px" id="dep_his_add">0x03e3cdae9ec271ffa9980b1d1ad22cbb7b1a5d2b</span></p>
                <p style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">• 区块链交易id：<br/><a style="font-size: 10px" id="dep_his_id">0xca160a8e2ce128055e15bbfabc8075f5ab7be7bc07ae5fd82f1981aaeb14c591</a></p>
            </div>
       </div>
     </div>
</script>
<script id="show_wit_detail" type="text/html">
    <div class="limitPrompt">
        <div class="limitdiv" style="padding-top: 0.3rem">
            <i class="font font-close close-popup" onclick="layer.closeAll()"></i>
            <div class="limitBox-desc">
                <p>• 申请时间：<br/><span style="font-size: 10px" id="wit_his_tim">2018-04-02 16:19:07</span></p>
                <p>• 手续费：<br/><span style="font-size: 10px" id="wit_his_fee">21</span></p>
                <p style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">• 提现地址：<br/><span style="font-size: 10px" id="wit_his_add">0x03e3cdae9ec271ffa9980b1d1ad22cbb7b1a5d2b</span></p>
                <p style="margin-top: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">• 区块链交易id：<br/><a style="font-size: 10px" id="wit_his_id">0xca160a8e2ce128055e15bbfabc8075f5ab7be7bc07ae5fd82f1981aaeb14c591</a></p>
            </div>
       </div>
     </div>
</script>
